<template>
	<view>
		<!-- 本月佣金 -->
		<view class="top">
			<view style="line-height: 8vh;color: #fff;margin-top: 10rpx;">
				待结算佣金
			</view>
			<view style="font-size: 60rpx;color: #fff;">
				1500.23
			</view>
		</view>
		<view
			style="width: 95%;margin-left: 3%;background-color: #fff;height: 8vh;border-radius: 20rpx;line-height: 8vh;display: flex;margin-top: -44rpx;">
			<view style="margin-left: 2%;">零钱体现</view>
			<view style="color: #007AFF;display: flex;margin-left: 57%;"> <text>立即体现</text>
				<image src="/static/images/右箭头.png" style="width: 40rpx;height: 40rpx;margin-top: 30rpx;"></image>
			</view>
		</view>
		<view class="list" v-for="(item,index) in 2" @click="listClick">
			<view class="list_top">
				<text style="margin-left: 3%;color: #606266;">拼团活动名称</text>
			</view>
			<view class="list_but">
				<view class="left">
					<view class="" style="margin-top: 40rpx;font-size: 45rpx;">
						0.25
					</view>
					<view class="" style="color: #606266;font-size: 25rpx;">
						佣金(元)
					</view>
				</view>
				<view class="right">
					<view class="" style="margin-top: 40rpx;font-size: 45rpx;">
						0.29
					</view>
					<view class="" style="color: #606266;font-size: 25rpx;">
						销售额(元)
					</view>
				</view>
				<view class="img_left">
					<image src="/static/images/右箭头.png" style="width: 40rpx;height: 40rpx;margin-top: 75rpx;"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 明细
			listClick(){
				uni.navigateTo({
					url:'/pages/index/commission/Collage/Collage'
				})
			}
		}
	}
</script>

<style scoped>
	.img_left{
		margin-left: 5%;
	}
	.right{
		width: 38%;
		text-align: right;
	}
	.left{
		width: 49%;
		text-align: center;
	}
	.list_but{
		width: 100%;
		height: 14vh;
		display: flex;
	}
	.list{
		width: 95%;
		height: 20vh;
		background-color: #fff;
		margin-left: 3%;
		margin-top: 20rpx;
		border-radius: 10rpx;
	}
	.list_top{
		width: 100%;
		height: 6vh;
		line-height: 6vh;
		border-bottom: #606266 solid 2rpx;
	}
	.top {
		width: 100%;
		height: 23vh;
		background-color: #8387ED;
	}
</style>
